<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 1.创建svg 1.0 -->
    <svg
      version="1.0"
      baseProfile="full"
      width="100"
      height="100"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect x="0" y="0" width="100" height="100"></rect>
    </svg>

    <!-- 2.创建svg 2.0 -->
    <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
      <rect x="0" y="0" width="100" height="100"></rect>
    </svg>

    <!--
      3.创建 svg 2.0 简写 
        xmlns="http://www.w3.org/2000/svg" 这个命名空间浏览器的解析器会自动添加
        默认：w：300px；h：150px
    -->
    <svg>
      <rect x="0" y="0" width="100" height="100"></rect>
    </svg>
  </body>
</html>
